<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- header -->
		<%@ include file="/WEB-INF/views/include/header.jsp"%>
		
	</head>
	<body class="no-skin">
		<!-- /section:basics/navbar.layout -->
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<div class="main-content-inner">
					<div class="page-content">
						<!-- /section:settings.box -->
						<div class="row">
							<div class="col-xs-12">
								<div class="pull-left">
									    
										<button class="btn btn-sm btn-info" id="query">条件搜索</button>
									<%-- <shiro:hasPermission name="modules:sys:huashu:query"></shiro:hasPermission> --%>
									
										<button class="btn btn-sm btn-default" id="edit" >添加进度</button>
<%-- 									<shiro:hasPermission name="modules:sys:huashu:edit"></shiro:hasPermission>
 --%>									
										<button class="btn btn-sm btn-success" id="create" style="display: none;">项目录入</button>
<%-- 									<shiro:hasPermission name="modules:sys:huashu:create"></shiro:hasPermission>
 --%>									<!-- <button class="btn btn-sm btn-success" id="createCla">新增分类</button> -->
										<%--<button class="btn btn-sm btn-danger" id="delete">删除</button>--%>

									    <button class="btn btn-sm btn-success" id="report" >打印进度</button>
									<%--<shiro:hasPermission name="modules:sys:dept:excel">
										<button class="btn btn-sm btn-pink" id="export">导出</button>
									</shiro:hasPermission>--%>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
									<!-- jqGrid表格 -->
									<table id="gridTable"></table>
									<!-- jqGrid工具类 -->
									<div id="gridPager"></div>
									<!-- 查询对话框 -->
									<div style="display: none;">
										<div class="row" id="queryDialog"></div>
									</div>
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
			</div><!-- /.main-content -->
			<p style="color: #fff">*添加进度前，先选择一条需要登记进度的项目，点击右上角“添加进度”按钮进行填单。*</p>
			<p style="color: #fff">*双击展开查看进度。*</p>
			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
			
			<!-- dialog -->
			<%@ include file="/WEB-INF/views/include/dialog.jsp"%>
		</div><!-- /.main-container -->
	</div>	
		<!-- footer -->
		<%@ include file="/WEB-INF/views/include/footer.jsp"%>
		
		<script type="text/javascript">
			//基本路径
			var baseUrl = "<s:url value="/modules/sys/Debriefing"></s:url>/"
			
			//jqgrid的表格高度
			var height = 320;
			//jqgrid表格行头的中文
			var colNames = ['','申报单号','项目名称','日期','项目进展情况','状态','更新日期','佐证材料'];
			//jqgrid表格中每一行的信息模型
			var colModel = [
				{name:'sysId',index:'sysId',width:0,hidden:true, editable:false},
				{name:'summaryId', index:'summaryId',width:180,editable: false,key:true},
				{name:'projectName',index:'projectName', width:300, editable: true},
				{name:'datetime',index:'datetime',width:100,editable:true},
				{name:'projectDebriefing',index:'projectDebriefing',width:300,editable:true},
                {name:'statue',index:'statue', width:100, editable: true,formatter:aa10Fmatter},
				{name:'inventdate',index:'inventdate', width:180, editable: true},
                {name:'taxproof',index:'taxproof', width:200, editable: true,formatter:showbtnFmatter,edittype:'custom'},
			];
			
			//jqgrid的具体执行方法
			jqgrid({
				shrinkToFit:false,
              
				gridTableId : "#gridTable",
				gridPagerId : "#gridPager"
			});
			
			
			function aa10Fmatter(cellvalue,options,rowObject)
			{
				if(cellvalue=="1"){
					return "已导出";
				}else if(cellvalue=="0") {
					return "已更新";
				}else{
					return "无进度";
				}
			}
			//添加下载按钮
			function showbtnFmatter(cellvalue,options,rowObject)
			{
				if(cellvalue==null||cellvalue==""){
					return "无上传材料";
				}else{
					
					 
				var imgeHtml =" <button class=\"col-sm-5 btn btn-large btn-primary\"   onclick=\" downDetail('"+cellvalue+"'); \"   >下载</button> ";  
				return imgeHtml;
			  
				}
			}
			//下载按钮
			function downDetail(id){
				//alert(id);
				   var url ="/pictureUpload/download/"+id+".zip";
					window.open(url);
			}
			
			//加载查询对话框
			$("#queryDialog").load(getUrl("filter"));
			
			//重置表单
			function reset() {
				resetForm("#formDialog form");
			}
			
			//显示查询对话框
			var queryDialog = $("#queryDialog");
			$("#query").click(function() {
				showDialog({
					dialogTitle: '查询对话框',
					dialogBody: queryDialog,
					dialogFoot: "<button type='button' class='btn btn-primary' onclick='query()'>查询</button>" +
					"<button type='button' class='btn btn-pink' onclick='reset()'>重置</button>" +
					"<button type='button' class='btn btn-default' data-dismiss='modal'>关闭</button>"
				});
			});
			
			//具体查询方法
			function query() {
				seachJqgird("#gridTable","#formDialog form");
				$("#formDialog").modal('hide');
			}
			
			//更新操作
			$("#edit").click(function() {
				showEditView();
			});
			
			//执行更新操作
			function edit() {
				executeSaveOrUpdate({
					formId: "#formDialog form",
					dialogId: "#formDialog",
					url: getUrl("edit"),
					tableId: "#gridTable",
					successMessage: "更新成功",
					successTitle: '更新对话框',
					failMessage: '更新失败',
					failTitle: '消息对话框'
				});
			}
			
			//显示编辑对话框
			function showEditView() {
				showEditDialog({
					tableId: "#gridTable",
					dialogTitle: "更新对话框",
					dialogUrl: getUrl("edit"),
					dialogFoot: '<button type="button" class="btn btn-primary" onclick="edit()" id="updatebtn">更新</button>' +
					'<button type="button" class="btn btn-pink" onclick="reset()">重置</button>' + 
					'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>',
					errorTitle: "消息对话框",
					errorMutiSelectMessage: '您当前选中多行，请重新选择',
					errorUnSelectMessage: '您当前尚未选中一行，请选择后再试',
					errorOk: '确定'
				});
			}	
			
			//显示编辑对话框
			function showView() {
				showEditDialog({
					tableId: "#gridTable",
					dialogTitle: "更新对话框",
					dialogUrl: getUrl("show"),

					errorTitle: "消息对话框",
					errorMutiSelectMessage: '您当前选中多行，请重新选择',
					errorUnSelectMessage: '您当前尚未选中一行，请选择后再试',
					errorOk: '确定'
				});
			}	
			
			//删除
			$("#delete").click(function() {
				showDeleteView();
			});
			
			//显示删除对话框
			function showDeleteView() {
				showDeleteDialog({
					url: getUrl("delete"),
					tableId: "#gridTable",
					confirmTitle: "确认对话框",
					confirmMessage: "是否确定删除?",
					confirmOk: "确定",
					confirmCancel: "取消",
					successMessage: "删除成功",
					successTitle: "消息对话框",
					failMessage: "删除失败",
					failTitle: "消息对话框",
					errorTitle: "警告提示框",
					errorMessage: "您当前尚未选中一行，请选择后再试",
					errorOk: "确定"
				});
			}
			
			//显示创建对话框
			$("#create").click(function(){
				loadDialog({
					dialogTitle: '创建对话框',
					dialogUrl: getUrl("create"),
					dialogFoot: '<button type="button" class="btn btn-primary" onclick="create()">提交审核</button>' + 
					'<button type="button" class="btn btn-pink" onclick="reset()">重置</button>' + 
					'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'
				});
			});
			
			//分类编辑框
			$("#createCla").click(function(){
				loadDialog({
					dialogTitle: '创建对话框',
					dialogUrl: getUrl("createCla"),
					dialogFoot: '<button type="button" class="btn btn-primary" onclick="create()">添加</button>' + 
					'<button type="button" class="btn btn-pink" onclick="reset()">重置</button>' + 
					'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'
				});
			});
			//保存数据
			function create() {
				executeSaveOrUpdate({
					formId: "#formDialog form",
					dialogId: "#formDialog",
					url: getUrl("create"),
					tableId: "#gridTable",
					successMessage: "保存成功",
					successTitle: '保存对话框',
					failMessage: '保存失败',
					failTitle: '消息对话框'
				});
			}
			
			
			$("#gridTable").dblclick(function(e){
				showView();
			});
			//导出按钮
            $("#report").click(function () {
                /**/
                var rowid=$("#gridTable").jqGrid("getGridParam","selrow");//获取点击的行
                var rowdata =$("#gridTable").jqGrid("getRowData",rowid);//拿到点击行的数据
				if(JSON.stringify(rowdata)=='{}'){
					// 警告框
					$(".shade").fadeIn(100);
					$(".warning").fadeIn(100);
					showShade();
					//警告框自定义内容
					$('.warning>.cont').html('请选择一条项目进行打印');
					return;
				}

				//var summaryIdjson=JSON.stringify(summaryId=rowdata.summaryId)
               // console.log(summaryIdjson);
                $.ajax({
                    url: "/export/updatestatue",
                    type: "POST",
                    dataType: "json", //返回数据形式为json
                    contentType: 'application/json;charset=UTF-8',
                    data: JSON.stringify({"summaryId": rowdata.summaryId}),
                    success:function(result){

					       console.log("12121212"+result);
					       query();
                        var url ="/export/exportword"+'?summaryId='+rowdata.summaryId;
                        window.open(url);
                    }
                });


               //
              //

               // console.log(rowdata.summaryId);

            });

			// 警告框
			function showShade(){
				var $vW = $(window).width();
				var $w = $(".warning").outerWidth();
				var $vH = $(window).height();
				var $h = $(".warning").outerHeight();
				$(".warning").css({"left":($vW - $w)/2 + "px","top":($vH - $h)/3 + "px"});
			};
			//警告框
			$(function(){
				//浏览器大小发生改变
				$(window).resize(function(){
					showShade();
				});
				//点击span关闭
				// $("span").bind("click",function(){
				// 	$(".shade").fadeOut(100);
				// 	$(".warning").fadeOut(100);
				// });
				//绑定键盘事件  按下esc键退出
// 				$(document).keyup(function(ev){
// //                alert(ev.keyCode);  获取esc的键码27
// 					if(ev.keyCode == 27){
// //                    $("span").click();
// 						//模拟事件
// 						$("span").trigger("click");
// 					}
// 				})
// 				$('.shade').click(function () {
// 					$("span").trigger("click");
// 				})
			})


		</script>
		
	</body>
</html>